﻿/*Ludoboard
.......................................*//*swag*/

#TableForLudo .tab1 
{
    background-color: blue;
}

#TableForLudo .tab2 
{
    background-color: yellow;
}

#TableForLudo .tab3 
{
    background-color: red;
}

#TableForLudo .tab4 
{
    background-color: green;
}

#TableForLudo td 
{
    height: 20px;
    width: 20px;
    border: 1px solid black;
}

#TableForLudo .ped 
{
    height: 20px;
    width: 20px;
}

#TableForLudo 
{
    float: left;
    padding-bottom: 20px;
    padding-left: 250px;
}

#DiceForLudo 
{
    float: left;
    width: 30%;
    padding-left: 10px;
}

#DiceForLudo #Teningur
{
    width: 100px;
    height: 100px;
}

#DiceForLudo #TextboxDice 
{
    width: 18px;
    height: 20px;
    background-color: white;
    box-shadow: 0 0 10px black;
    font-size: 18px;
    color: black;
}

/* samstæðuspil
--------------------------*/

.cardSlots
{
    float: left;
    width: 80px;
    height: 100px;
    margin: 10px;
}


.cardBack img
{
    float: left;
    width: 80px;
    height: 100px;
    position: absolute;
}

.cardFront img
{
    width: 100%;
}

#pairGameWindow
{
    float: left;
    width: 65%;
}

#pairGameSideWindow
{
    float: left;
    width: 30%;
    height: 480px;
    border-left: 1px solid black;
    padding: 10px;
}

#pairGameContent
{
    float: left;
    width: 100%;
}

#pairGameChatText
{
    float: left;
    width: 200px;
    height: 250px;
    border: 1px solid black;
    overflow: auto;
    list-style-type: none;
}

/* leikjaflokkarsíða
-----------------------------------------------------------*/


.gameCatagory
{
    float: left;
    width: 43.5%;
    height: 300px;
    box-shadow: 0 0 10px black;
    margin: 2%;
    padding: 1%;
    color: #0069CD;
}

.gameCatagoryTitle
{
    float: right;
    width: 55%;
}

.catagoryPic
{
    margin: 2%;
    float: left;
    width: 40%;
}
.gameCatagory p 
{
    color: black;
}

/*  thumbnail fyrir leiki
-------------------------------------------*/
.gameThumbnail
{
    margin-right: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    width: 45%;
}

.gameImage
{
    float: left;
    border: 1px solid black;
    margin-top: 10px;
}

.gameName
{
    color: #0069CD;
    padding-left: 15px;
    padding-right: 2px;
    margin-top: 5px;
    float: left;
}

.gameDescription
{
    color: black;
    margin-left: 90px;
    margin-top: 40px;
    padding-left: 4px;
    padding-right: 4px;
}

/*CreatePairGame
-----------------------------------------------*/
.NameOfTheGame 
{
    margin-right: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    width: 45%;
}

.NameOfTheGame h3 
{
    color: #0069CD;
}

/*GamesInProgress
----------------------------------------------*/

.GamesVariety 
{
    padding: 5px 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    box-shadow: 0 0 10px black;
    width: 30%;
    float: left;
    background-color: #F0EDFF;
    
}
    .GamesVariety h3 
    {
        color: #0069CD;
    }
    .GamesVariety h4 
    {
        margin-top: -15px;
        font-style: italic;
        font-size: 11px;
    }